初學網頁開發時，通常會是 HTML 和 CSS 一起學，在 HTML 將整體網頁內容架構好後，使用 CSS 讓基本架構設計過的外觀

CSS 的樣式運作規則就是選取 HTML 標籤或透過其他選取器來設定 HTML 的樣式

基本寫法包含了「選取器」與「宣告」，

h1 {
 font-size: 20px;
}

「選取器」就是 h1，「宣告」是 font-size: 20px;就是我們認知的「樣式」，「宣告」都會放在大括號內，每個「宣告」都由「屬性」和「值」（或是「屬性值」）組成，以上方例子來說 font-size 是屬性，20px 是值
需注意每個宣告都須以英文半形分號 ; 結尾，少了分號結尾會讓瀏覽器認為此宣告未結束，這時若在後面繼續新增樣式就就會產生錯誤，設定的樣式無效

之前不太理解什麼是「選取器」，看到「選取器」時也不會聯想到 CSS，後來知道是指大括號 { } 前的「東西」XD 再以「要選取的對象」來想，就慢慢理解了

要將網頁內容加上 CSS 外觀樣式，就需在 HTML 檔載入 CSS 檔案，瀏覽器才知道要到哪裡找到檔案

通常會在 中使用 emmet 語法 link:css 載入 CSS，預設會出現

<link rel="stylesheet" href="style.css">

同一個 HTML 檔案可以載入不只一個 CSS 檔，有時當網頁內容多或較繁雜，會將 CSS 分類，每個類別都獨立一個檔案，再分別載入，在維護或閱讀上較方便

參考資料：
HTML & CSS 網站設計建置優化之道